image{
	width: 100%;
	height: 100%;
}
.container {}

.container .top-banner {
	padding: 60rpx 30rpx 40rpx;
	background-color: rgba(0,0,0, 0.8);
	width: 100%;
	box-sizing: border-box;
}

.container .top-banner .userInfo {
	display: flex;
	align-items: center;
	padding: 0rpx 20rpx;
	margin-bottom: 40rpx;
	box-sizing: border-box;
}


.container .top-banner .userInfo .head-img {
	width: 200rpx;
	height: 200rpx;
	margin-right: 40rpx;
	border-radius: 50%;
	overflow: hidden;
}


.container .top-banner .userInfo .userName .name {
	color: #fff;
	font-size: 50rpx;
	line-height: 50rpx;
	margin-bottom: 20rpx;
}


.container .top-banner .userInfo .userName .text {
	color: #fff;
	font-size: 20rpx;
	line-height: 20rpx;
	margin-bottom: 10rpx;
}

.container .top-banner .tag-menu {
	width: 100%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 0rpx 20rpx;
}

.container .top-banner .tag-menu .tag-item {
	padding: 10rpx 20rpx;
	font-size: 30rpx;
	line-height: 30rpx;
	margin-right: 20rpx;
	border-radius: 30rpx;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.3);
}

.container .statistics {
	margin: 30rpx 0rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.container .statistics .menu-list {
	display: flex;
	align-items: center;
	width: 200rpx;
}

.container .statistics .menu-list .menu-list-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	flex: 1;
}

.container .statistics .editBtn {
	padding: 10rpx 20rpx;
	border-radius: 30rpx;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.3);
}

.container .content {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	flex: 1;
}

.container .content .content-head {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10rpx 10rpx 0rpx 0rpx;
	margin-top: -10rpx;
	background-color: #ffffff;
	border-bottom: 1px solid #999;
}

.container .content .content-head .content-head-item {
	flex: 1;
	padding: 30rpx;
	width: 100rpx;
	font-size: 36rpx;
	text-align: center;
	line-height: 36rpx;
	color: #999;
}
.container .content .content-head .content-head-item.active{
	font-weight: bold;
	color: #000;
}

.container .content .content-info {
	flex: 1;
	width: 100%;
	background-color: #fafafa;
}
